<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>桃子味的狐</title>
        <link rel="stylesheet" href="qqb.css" />
    </head>

    <body>
        <div class="tangram">
            <div class="div1">
                <div class="square graphics" style="width: 100px; height: 100px; rotate: 0deg;"></div>
                <form class="form">
                    <input type="color" name="bgColor" />
                    <select name="shape">
                        <option value="square" selected>正方形</option>
                        <option value="triangle">三角形</option>
                        <option value="parallelogram">平行四边形</option>
                    </select>
                    <span>宽：</span>
                    <select name="unitW">
                        <option value="px" selected>px</option>
                        <option value="em">em</option>
                        <option value="rem">rem</option>
                        <option value="vh">vh</option>
                        <option value="vw">vw</option>
                        <option value="vmin">vmin</option>
                        <option value="vmax">vmax</option>
                    </select>
                    <input type="text" name="sizeW" value="100" />
                    <span>高：</span>
                    <select name="unitH">
                        <option value="px" selected>px</option>
                        <option value="em">em</option>
                        <option value="rem">rem</option>
                        <option value="vh">vh</option>
                        <option value="vw">vw</option>
                        <option value="vmin">vmin</option>
                        <option value="vmax">vmax</option>
                    </select>
                    <input type="text" name="sizeH" value="100" />
                    <span>角度</span>
                    <input type="text" name="angle" value="0" />
                    <span>第几层</span>
                    <input type="text" name="order" value="0" />
                    <input type="reset" />
                    <input type="button" name="copy" value="生成" />
                </form>
            </div>

        <div id="menu" class="menu">
            <div id="left45">左旋45</div>
            <div id="right45">右转45</div>
            <div id="up">上移</div>
            <div id="down">下移</div>
            <div id="delete">删除</div>
        </div>

        <div class="generate"><span>生成:</span></div>

        <script src="qqb.js"></script>
    </body>
</html>
